<template>
	<view style="width: 100%;">
		<view v-if="item.explain" style="width: 100%;">
			<!-- <u-icon name="question-circle" color="#F79B29" @click="clickIcon(item)"></u-icon> -->
			<view style="color: #F79B29;width:100%; display: flex;" @click="clickIcon(item)">
				
				<view style="flex-shrink: 0;padding-left: 20rpx;padding-right: 16rpx;" :class="lang!='zh'?'ru_font':''" v-if="info.is_margin==2">
					{{ $t(item.label) }}
					<!-- <view style="width: 85%; border-bottom: 0px solid #F79B29;"></view> -->
				</view>




				<view style="width: 100%;text-align: left; font-weight: bold; padding-right: 20rpx;" class="text"
					v-if="lang === 'zh'">
					<!--&& ['1','2'].indexOf(info[item.key]) !== -1-->
					<text
						v-if="['载重量','数量','起批数量','需求数量','重量','总重量','体积','总体积','载货体积','出价','运费出价','期望运费','期望运费总价','车型','装货体积','速度排名','价格排名','综合排名','价格单位'].indexOf(item.label) !== -1">
						<text v-if="item.label === '重量'">{{ info[item.key] }}{{ $t('kg') }}</text>
						<text v-else-if="item.label === '总重量'">{{ info[item.key] }}{{ $t('kg') }}</text>
						<text v-else-if="item.label === '载重量'">{{ info[item.key] }}{{ $t('kg') }}</text>
						<text v-else-if="item.label === '体积'">{{ info[item.key] }}m³</text>
						<text v-else-if="item.label === '总体积'">{{ info[item.key] }}m³</text>
						<text v-else-if="item.label === '装货体积'">{{ info[item.key] }}m³</text>
						<text v-else-if="item.label === '载货体积'">{{ info[item.key] }}m³</text>
						<text
							v-else-if="item.label === '数量'">{{ info[item.key] }}{{info[$t("item.number_unit")]}}</text>
						<text
							v-else-if="item.label === '起批数量'">{{ info[item.key] }}{{info[$t("item.number_unit")]}}</text>
						<text
							v-else-if="item.label === '需求数量'">{{ info[item.key] }}{{info[$t("item.number_unit")]}}</text>

						<text
							v-else-if="item.label === '出价' || item.label === '运费出价' || item.label === '期望运费'|| item.label === '期望运费总价'">
							<template v-if="type === 'transport' && info.release_type === '3'">
								{{ info[item.key] || '' }}{{ $t(info.price_unit) }}/kg
							</template>
							<template v-else>
								{{ info[item.key] || '' }}{{ $t(info.price_unit) }}
							</template>
						</text>
						<text
							v-else-if="['速度排名','价格排名','综合排名'].indexOf(item.label) !== -1">{{ changeTextByPm(info[item.key]) }}</text>
						<text v-else>{{ info[item.key] }}</text>
					</text>
					<text v-else>
						<view v-if="info.is_margin==2&&item.key=='margin_price'">
							{{ $t(info[item.key]) }}
							<template v-if="item.slot">
								<template v-if="item.slotType === 'map'">
									{{ $t(item.slotMap[info[item.slot]]) }}
								</template>
								<!-- <view class="text">{{ $t(item.slotMap[info[item.key]]) }}</view> -->
								<template v-else>
									{{ $t(info[item.slot]) }}
								</template>
							</template>
						</view>
					</text>
				</view>
				<view style="width: 100%;text-align: left;font-weight: bold;padding-right: 20rpx;" class="text"
					v-if="lang === 'ru'">
					<!--{{ $t(info[item.key_ru]) === '' ? $t(info[item.key]) : $t(info[item.key_ru]) }}-->
					<!-- && ['1','2'].indexOf(info[item.key]) !== -1-->
					<text
						v-if="['载重量','数量','起批数量','需求数量','重量','总重量','总体积','体积','载货体积','出价','运费出价','期望运费','期望运费总价','装货体积','速度排名','价格排名','综合排名','价格单位'].indexOf(item.label) !== -1">
						<!--{{ info[item.key_ru] }}-->
						<text v-if="item.label === '重量'">{{ info[item.key_ru] }}{{ $t('kg') }}</text>
						<text v-else-if="item.label === '总重量'">{{ info[item.key] }}{{ $t('kg') }}</text>
						<text v-else-if="item.label === '载重量'">{{ info[item.key_ru] }}{{ $t('kg') }}</text>
						<text v-else-if="item.label === '体积'">{{ info[item.key_ru] }}m³ </text>
						<text v-else-if="item.label === '总体积'">{{ info[item.key_ru] }}m³ </text>

						<text v-else-if="item.label === '装货体积'">{{ info[item.key_ru] }}m³</text>
						<text v-else-if="item.label === '载货体积'">{{ info[item.key_ru] }}m³</text>
						<text v-else-if="item.label === '价格单位'">{{$t(info[item.key])}}</text>
						<text
							v-else-if="item.label === '数量'">{{ info[item.key_ru] }}{{info[$t("item.number_unit")]}}</text>
						<text
							v-else-if="item.label === '起批数量'">{{ info[item.key_ru] }}{{info[$t("item.number_unit")]}}</text>
						<text
							v-else-if="item.label === '需求数量'">{{ info[item.key_ru] }}{{info[$t("item.number_unit")]}}</text>

						<text
							v-else-if="item.label === '出价'|| item.label === '运费出价'|| item.label === '期望运费'|| item.label === '期望运费总价'">
							<template v-if="type === 'transport' && info.release_type === '3'">
								{{ info[item.key] || '' }}{{ $t(info.price_unit) }}/kg
							</template>
							<template v-else>
								{{ info[item.key] || '' }}{{ $t(info.price_unit) }}
							</template>
						</text>
						<text
							v-else-if="['速度排名','价格排名','综合排名'].indexOf(item.label) !== -1">{{ changeTextByPm(info[item.key_ru]) }}</text>
						<text v-else>{{ $t(info[item.key_ru]) }}</text>
					</text>
					<text v-else>
						{{ $t(info[item.key_ru]) }}
						<template v-if="item.slot">
							<template v-if="item.slotType === 'map'">
								{{ $t(item.slotMap[info[item.slot]]) }}
							</template>
							<!-- <view class="text">{{ $t(item.slotMap[info[item.key]]) }}</view> -->
							<template v-else>
								{{ $t(info[item.slot]) }}
							</template>
						</template>
					</text>
					<!--{{ $t(info[item.key_ru]) }}-->
				</view>

			</view>
		</view>
		<view v-else>

			<view style="width:100%;">
				<view class="label" style="width: 100%;font-size: 24rpx;" :class="lang!='zh'?'ru_font':''">
					{{ $t(item.label) }}
				</view>

				<view style="width: 100%;font-size: 22rpx;" class="text" v-if="lang === 'zh'">
					<!--&& ['1','2'].indexOf(info[item.key]) !== -1-->
					<text
						v-if="['载重量','数量','起批数量','需求数量','重量','总重量','体积','总体积','载货体积','出价','运费出价','期望运费','期望运费总价','车型','装货体积','速度排名','价格排名','综合排名','价格单位'].indexOf(item.label) !== -1">
						<text v-if="item.label === '重量'">{{ info[item.key] }}{{ $t('kg') }}</text>
						<text v-else-if="item.label === '总重量'">{{ info[item.key] }}{{ $t('kg') }}</text>
						<text v-else-if="item.label === '载重量'">{{ info[item.key] }}{{ $t('kg') }}</text>
						<text v-else-if="item.label === '体积'">{{ info[item.key] }}m³</text>
						<text v-else-if="item.label === '总体积'">{{ info[item.key] }}m³</text>

						<text v-else-if="item.label === '装货体积'">{{ info[item.key] }}m³</text>
						<text v-else-if="item.label === '载货体积'">{{ info[item.key] }}m³</text>
						<text
							v-else-if="item.label === '数量'">{{ info[item.key] }}{{info[$t("item.number_unit")]}}</text>
						<text
							v-else-if="item.label === '起批数量'">{{ info[item.key] }}{{info[$t("item.number_unit")]}}</text>
						<text
							v-else-if="item.label === '需求数量'">{{ info[item.key] }}{{info[$t("item.number_unit")]}}</text>

						<text
							v-else-if="item.label === '出价' || item.label === '运费出价' || item.label === '期望运费'|| item.label === '期望运费总价'">
							<template v-if="type === 'transport' && info.release_type === '3'">
								{{ info[item.key] || '' }}{{ $t(info.price_unit) }}/kg
							</template>
							<template v-else>
								{{ info[item.key] || '' }}{{ $t(info.price_unit) }}
							</template>
						</text>
						<text
							v-else-if="['速度排名','价格排名','综合排名'].indexOf(item.label) !== -1">{{ changeTextByPm(info[item.key]) }}</text>
						<text v-else>{{ info[item.key] }} </text>
					</text>
					<text v-else>
						{{ $t(info[item.key]) }}
						<template v-if="item.slot">
							<template v-if="item.slotType === 'map'">
								{{ $t(item.slotMap[info[item.slot]]) }}
							</template>
							<!-- <view class="text">{{ $t(item.slotMap[info[item.key]]) }}</view> -->
							<template v-else>
								{{ $t(info[item.slot]) }}
							</template>
						</template>
					</text>
				</view>
				<view style="width: 100%;text-align: left;font-weight: bold;padding-right: 20rpx;" class="text"
					v-if="lang === 'ru'">
					<!--{{ $t(info[item.key_ru]) === '' ? $t(info[item.key]) : $t(info[item.key_ru]) }}-->
					<!-- && ['1','2'].indexOf(info[item.key]) !== -1-->
					<text
						v-if="['载重量','数量','起批数量','需求数量','重量','总重量','体积','总体积','载货体积','出价','运费出价','期望运费','期望运费总价','装货体积','速度排名','价格排名','综合排名','价格单位'].indexOf(item.label) !== -1">
						<!--{{ info[item.key_ru] }}-->
						<text v-if="item.label === '重量'">{{ info[item.key_ru] }}{{ $t('kg') }}</text>
						<text v-else-if="item.label === '总重量'">{{ info[item.key] }}{{ $t('kg') }}</text>
						<text v-else-if="item.label === '载重量'">{{ info[item.key_ru] }}{{ $t('kg') }}</text>
						<text v-else-if="item.label === '体积'">{{ info[item.key_ru] }}m³</text>
						<text v-else-if="item.label === '总体积'">{{ info[item.key_ru] }}m³</text>

						<text v-else-if="item.label === '装货体积'">{{ info[item.key_ru] }}m³</text>
						<text v-else-if="item.label === '载货体积'">{{ info[item.key_ru] }}m³</text>
						<text v-else-if="item.label === '价格单位'">{{$t(info[item.key])}}</text>
						<text
							v-else-if="item.label === '数量'">{{ info[item.key_ru] }}{{info[$t("item.number_unit")]}}</text>
						<text
							v-else-if="item.label === '起批数量'">{{ info[item.key_ru] }}{{info[$t("item.number_unit")]}}</text>
						<text
							v-else-if="item.label === '需求数量'">{{ info[item.key_ru] }}{{info[$t("item.number_unit")]}}</text>

						<text
							v-else-if="item.label === '出价'|| item.label === '运费出价'|| item.label === '期望运费'|| item.label === '期望运费总价'">
							<template v-if="type === 'transport' && info.release_type === '3'">
								{{ info[item.key] || '' }}{{ $t(info.price_unit) }}/kg
							</template>
							<template v-else>
								{{ info[item.key] || '' }}{{ $t(info.price_unit) }}
							</template>
						</text>
						<text
							v-else-if="['速度排名','价格排名','综合排名'].indexOf(item.label) !== -1">{{ changeTextByPm(info[item.key_ru]) }}</text>
						<text v-else>{{ $t(info[item.key_ru]) }}</text>
					</text>
					<text v-else>
						{{ $t(info[item.key_ru]) }}
						<template v-if="item.slot">
							<template v-if="item.slotType === 'map'">
								{{ $t(item.slotMap[info[item.slot]]) }}
							</template>
							<!-- <view class="text">{{ $t(item.slotMap[info[item.key]]) }}</view> -->
							<template v-else>
								{{ $t(info[item.slot]) }}
							</template>
						</template>
					</text>
					<!--{{ $t(info[item.key_ru]) }}-->
				</view>

			</view>
		</view>
	</view>

</template>

<script>
	import {
		changeTextByPm
	} from '@/utils/index.js'
	export default {
		props: {
			type: {
				type: [String, null],
				default: '1'
			},
			info: {
				type: Object,
				default: () => {
					return {}
				},
				required: true,
			},
			item: {
				type: Object,
				default: () => {
					return {}
				},
				required: true
			}
		},
		name: "Unit",
		data() {
			return {
				lang: 'zh'
			};
		},
		mounted() {
			console.log(this.info)
			this.lang = this.$i18n.locale
		},
		methods: {
			changeTextByPm,
			clickIcon(item) {
				if (item.explain) {
					let me = this;
					uni.showModal({
						title: me.$t(item.explainTitle),
						content: me.$t(item.explain),
						showCancel: false,
						confirmText: me.$t('是'),
					})
				}
			}
		}
	}
</script>

<style lang="scss">

</style>